<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>章节页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/module.css">
    <link rel="stylesheet" href="../css/chapter.css">
</head>
<body>
<!--头部部分logo开始-->
<div class="top">
    <div class="w top_logo">
        <h1><a href="#" title="布卡漫画">布卡漫画</a></h1>
    </div>
</div>
<!--头部部分logo结束-->
<!--头部导航栏部分开始-->
<div class="top_nav w">
    <div class="nav">
        <ul class="fl">
            <li><a href="#">首页</a></li>
            <li><a href="#">分类</a></li>
            <li><a href="#">用户中心</a></li>
            <li><a href="#">充值中心</a></li>
            <li><a href="#">客服中心</a></li>
        </ul>
    </div>
    <div class="search fr">
        <div class="search_box fl">
            <button class="btn"></button>
            <input type="text" placeholder="请输入漫画名/作者">
        </div>
        <div class="mail fr" title="布卡投稿平台">
            <span><img src="../img/mail.png" alt=""></span>
            我要投稿
        </div>
    </div>
</div>
<!--头部导航栏部分结束-->

<!--中部章节页部分开始-->
<div class="chapter w clearfix">
    <div class="chapter_left fl">
        <div class="book_img"><a href="#"><img src="../img/zwfz.jpg" alt=""></a></div>
        <div class="zhangHao">
            <a href="#" class="fl"><img src="../img/header.jpg" alt=""></a>
            <div class="fl text">
                <p><a href="#">微漫画官方账号</a></p>
                <p>3天前投递了第49话</p>
            </div>
        </div>
    </div>
    <div class="chapter_right fr">
        <div class="book_intro">
            <div class="book_title">
                <span class="fl">凤囚凰</span>
                <ul class="fl">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <span class="fl">9.6</span>
            </div>
            <div class="read_about">
                <p>作者&nbsp;<span class="col_blue">微漫画</span>&nbsp;更新&nbsp;2017-12-20</p>
                <p class="intro_text">一朝穿越成着名的山阴公主，面对历史上必死的结局，她将如何改变命运？前路崎岖，暗涛汹涌，险象环生。天下为棋局， 谁是博弈操棋人？&nbsp;(1-9话由猫君创作， 后续由子涅创作)</p>
            </div>
        </div>
        <div class="book_chapter">
            <div class="begin_read">
                <a href="#"><span>开始阅读</span></a>
                <a href="#"><span>收藏</span></a>
            </div>
            <div class="chapter_num">
                <p>连载(话):</p>
                <ul>
                    <li><a href="#">1 话</a></li>
                    <li><a href="#">2 话</a></li>
                    <li><a href="#">3 话</a></li>
                    <li><a href="#">4 话</a></li>
                    <li><a href="#">5 话</a></li>
                    <li><a href="#">6 话</a></li>
                    <li><a href="#">7 话</a></li>
                    <li><a href="#">8 话</a></li>
                    <li><a href="#">9 话</a></li>
                    <li><a href="#">10 话</a></li>
                    <li><a href="#">11 话</a></li>
                    <li><a href="#">12 话</a></li>
                    <li><a href="#">13 话</a></li>
                    <li><a href="#">14 话</a></li>
                    <li><a href="#">15 话</a></li>
                    <li><a href="#">16 话</a></li>
                    <li><a href="#">17 话</a></li>
                    <li><a href="#">18 话</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--中部章节页部分结束-->

<!--底部部分开始-->
<div class="bottom w">
    <ul >
        <li class="address">
            <span class="fl"><img src="../img/addr.png"></span>
            <div class="address_text fl">
                <p>珠海布卡科技有限公司</p>
                <p>地址: 珠海市香洲区夏美路161号(南厦丰泽园)2栋二层商铺234C</p>
            </div>
        </li>
        <li class="email">
            <span class="fl"><img src="../img/email.png"></span>
            <div class="info_text fl">
                <p>客服: <a href="#">services@buka.cn</a></p>
                <p>投稿: <a href="#">td.sosobook.cn</a></p>
                <p>合作: <a href="#">bd@buka.cn</a></p>
            </div>
        </li>
        <li class="phone">
            <span class="fl"><img src="../img/phone.png"></span>
            <div class="info_text fl">
                <p>电话:</p>
                <p>0756-3360306</p>
            </div>
        </li>
        <li class="ICP">
            <span  class="fl">
                <img src="../img/global.png">
                <img src="../img/wenwangwenicon.png">
            </span>
            <div class="info_text fl">
                <p>ICP备案号:粤ICP备15028491号-1</p>
                <p>网络文化经营许可证:粤网文[2015]2094-438号</p>
            </div>
        </li>
        <li class="tip">
            <img src="../img/bkn.png">
            <img src="../img/tip.png">
        </li>
    </ul>

</div>
<!--底部部分结束-->
</body>
</html>